<template>
  <div class="boot-page">
    <div class="boot">
      <scroller lock-x>
        <div class="boot">
          <span class="posBack" @click="backToPrev">
      
            <i class="posImg"></i>
          </span>
          <img
            class="imgs"
            src="https://static.shengxue985.com/sxzx_app/h5/activity/zszytb.jpg"
            alt
          />
        </div>
      </scroller>
    </div>
  </div>
</template>

<script>
import { backAppOrWx } from "~/common/common";
export default {
  methods: {
    backToPrev() {
      backAppOrWx();
    }
  },
  mounted(){
    this.$visit(this.$route.path)
  }
};
</script>

<style lang="less" scoped>
.boot-page {
  width: 100%;
  height: 100vh;
  background: #fff;
}
.boot {
  width: 100%;
  height: 100vh;
  background: #fff;
  position: relative;
  .posBack {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    left: 0.2rem;
    top: 0.2rem;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;

    .posImg {
      display: block;
      width: 0.4rem;
      height: 0.4rem;
      margin: 0.2rem auto;
       background: url('~@/static/sprite/icon_sprites_40.png') -0.7rem -0.1rem;
      background-size:3rem 2.4rem; 
    }
  }
  .imgs {
    display: block;
    height: auto;
    width: 100%;
  }
}
</style>
